<template>
  <view>
    <view class="flex justify-center align-center">
      <image :src="$data.errIcon" mode="heightFix" :lazy-load="true"></image>
    </view>
    <view class="text-lg text-center text-gray" @tap="onClick">{{
      message
    }}</view>
  </view>
</template>

<script setup>
import searchImage from "../wakin-list-temp/images/search.png";
import { reactive } from "vue";
const $props = defineProps({
  message: {
    type: String,
    default: "加载中...",
  },
});
const $emit = defineEmits(["click"]);
const $data = reactive({
  errIcon: searchImage,
});
const onClick = () => {
  $emit("click");
};
</script>

<style lang="less" scoped>
image {
  will-change: transform;
  width: 100%;
  // height: 500rpx;
}
</style>
